@charset "utf-8";

*{margin: 0;padding: 0;font-family: "微软雅黑";font-size: 12px;}
ul{list-style: none;}
a{text-decoration: none;    color: #686868;}
img{border: none;}
.l{float:left}
.hh { display: inline; }
.gy2{width:100%;margin:0 auto;overflow:hidden}
.holer{height:124px; overflow:hidden; background:none;}
#headdiv{height: 131px; position: fixed; top: 0px; width: 100%; z-index: 1000; background: none;}
/*顶部bar*/
.top01{width:100%;height:38px;line-height:38px;background:#f67524;color:#fff;overflow:hidden;font-size:12px}
.top01 .l{font-size:14px}
.top01_center{text-align:left;float:right;font-size:14px}
.top01_center img{vertical-align:sub;display:inline-block;margin-right:8px}
/*logo和导航*/
.top02{width:100%;min-width:100%;background-color: rgb(255, 255, 255); height: 86px;border-bottom: 2px solid #f67524;}

.imgdx img{display: block;  margin: 0 auto;width:65%;}


.top02 .top02_center{width:100%;min-width:100%;margin:0 auto;}
.logo{width:345px;float:left;padding-top:10px}
.logo img{float:left}
.logo .logo-year{margin-top:17px;height:20px;line-height:20px;width:38px;text-align:center;font-size:12px;color:#fff;background:#f67524;border-radius:4px;overflow:hidden;font-size:14px;color:#fff}
.logo .logo-text{margin-top:5px;height:18px;color:#656565;line-height:18px;overflow:hidden}
.nav{float:right}
.nav li{position:relative}
.nav li.m{width:86px;padding-right:22px;margin:0 22px 0 0;float:left;text-align:center;background:url("../images/top_bg1.png") right 46px no-repeat}
.nav .m.on a.mmm{color:#f3782a}
.nav a.mmm{width:86px;height:46px;padding-top:40px;display:block;font-size:16px;color:#333}
/*二级导航*/
.nav .sub{display:none;width:100%;padding:0;position:fixed;top:100px;overflow:hidden;text-align:left;z-index:110;left:0;background-color:#FFFFFF}
.nav .sub .nav_xiao{width:100%;overflow:hidden;margin:0 auto;top:75px;}
.nav .sub .nav_xiao.max1100{max-width:100%}
/*二级导航-网站建设*/
.nav .sub .nav_xiao .xiao_one{overflow:hidden;padding-top:80px;padding-bottom:40px}
.nav .sub .nav_xiao .xiao_one ul li{float:left;display:inline;height:184px;width:25%;overflow:hidden;text-align:center}
.nav .sub .nav_xiao .xiao_one ul li a{display:block;height:100%;border-right:1px solid #e6e6e6;line-height:56px;overflow:hidden;color:#000;margin-top:13px;font-size:18px;transition:all .3s}
.nav .sub .nav_xiao .xiao_one ul li:last-child a{border-right:0}
.nav .sub .nav_xiao .xiao_one ul li a:hover{color:#f67524}

.nav .sub .nav_xiao .xiao_one ul li a i{display:block;width:101px;height:84px;margin:0 auto;margin-bottom:23px;overflow:hidden;background-image:url("../images/top_pic1.png");background-repeat:no-repeat;transition:all .3s;margin-top:20px}
.nav .sub .nav_xiao .xiao_one ul li a i.bgs1{background-position:-720px top}
.nav .sub .nav_xiao .xiao_one ul li a i.bgs2{background-position:left top}
.nav .sub .nav_xiao .xiao_one ul li a i.bgs3{background-position:-360px top}
.nav .sub .nav_xiao .xiao_one ul li a i.bgs4{background-position:-1088px top}
.nav .sub .nav_xiao .xiao_one ul li a:hover i{background-image:url("../images/top_pic1.png")}
.nav .sub .nav_xiao .xiao_one ul li a:hover i.bgs1{background-position:-720px bottom}
.nav .sub .nav_xiao .xiao_one ul li a:hover i.bgs2{background-position:left bottom}
.nav .sub .nav_xiao .xiao_one ul li a:hover i.bgs3{background-position:-360px bottom}
.nav .sub .nav_xiao .xiao_one ul li a:hover i.bgs4{background-position:-1088px bottom}
/*二级导航-关于我们*/
.nav .sub .nav_xiao .xiao_two{margin-top:40px;margin-bottom:40px;overflow:hidden}
.nav .sub .nav_xiao .xiao_two ul li{float:left;display:inline;height:184px;width:25%;overflow:hidden;text-align:center}
.nav .sub .nav_xiao .xiao_two ul li a{display:block;height:100%;border-right:1px solid #e6e6e6;line-height:56px;overflow:hidden;color:#000;margin-top:13px;font-size:18px;transition:all .3s}
.nav .sub .nav_xiao .xiao_two ul li:last-child a{border-right:0}
.nav .sub .nav_xiao .xiao_two ul li a:hover{color:#f67524}
.nav .sub .nav_xiao .xiao_two img{float:left;margin-right:25px}
.nav .sub .nav_xiao .xiao_two .nav_div{float:left;width:380px;padding-top:30px;font-size:12px;color:#666;line-height:22px}
.nav .sub .nav_xiao .xiao_two .nav_div h2{font-size:16px;color:#f3782a;font-weight:400;letter-spacing:1px;line-height:36px}
.nav .sub .nav_xiao .xiao_two ul li a i{display:block;width:104px;height:104px;margin:0 auto;margin-bottom:13px;overflow:hidden;background-image:url("../images/top_pic2.png");background-repeat:no-repeat;margin-top:10px;background-color:#999;border-radius:50%;position:relative;transition:all .3s}
.nav .sub .nav_xiao .xiao_two ul li a i.bgs1{background-position:30px center}
.nav .sub .nav_xiao .xiao_two ul li a i.bgs2{background-position:-330px center}
.nav .sub .nav_xiao .xiao_two ul li a i.bgs3{background-position:-691px center}
.nav .sub .nav_xiao .xiao_two ul li a i.bgs4{background-position:-1050px center}
.nav .sub .nav_xiao .xiao_two ul li a:hover i{background-color:#f67524;margin-top:5px}
/*二级导航-新闻动态*/
.nav .sub .nav_xiao .xiao_three{overflow:hidden;margin-top:40px;margin-bottom:40px}
.nav .sub .nav_xiao .xiao_three ul li{float:left;display:inline;width:18%;height:218px;overflow:hidden;margin-right:2.5%;text-align:center;position:inherit;line-height:56px;background-color:#fff}
.nav .sub .nav_xiao .xiao_three ul li:last-child{margin-right:0}
.nav .sub .nav_xiao .xiao_three ul li img{width:100%;display:block;transition:all .3s}
.nav .sub .nav_xiao .xiao_three ul li a{color:#000;width:100%;font-size:18px;height:100%;display:block}
.nav .sub .nav_xiao .xiao_three ul li a:hover{color:#f67524}
/*二级导航-解决方案*/
.nav .sub .nav_xiao .xiao_four{width:50%;overflow:hidden;margin-top:40px;margin-bottom:40px}
.nav .sub .nav_xiao .xiao_four.l{border-right:1px solid #e3e3e3}
.nav .sub .nav_xiao .xiao_four.r{width:49%}
.nav .sub .nav_xiao .xiao_four h2{font-size:16px;font-weight:700;color:#000;height:18px;line-height:18px}


/*轮播图*/
.fuSlide{width:100%;height:350px;position:relative;z-index:1;top:80px;}
.fuSlide .imgs{width:100%;}
.ck-slide,.ck-slide ul.ck-slide-wrapper li,.ck-slide ul.ck-slide-wrapper li a img{transition:all 1s ease}
.ck-slide{position:relative;overflow:hidden;width:100%}
.ck-slide ul.ck-slide-wrapper{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%}
.ck-slide ul.ck-slide-wrapper li{position:absolute;width:100%;left:0;top:0;background-position:center center;background-repeat:no-repeat;background-size:cover;height:100%}
.ck-slide ul.ck-slide-wrapper li:first-child{z-index:1111}
.ck-slide ul.ck-slide-wrapper li.current{z-index:1112}
.ck-slide ul.ck-slide-wrapper li a{display:block}
.ck-slide ul.ck-slide-wrapper li a .img{width:100%;height:auto;opacity:0;filter:alpha(opacity='0')}
.ck-slide ul.ck-slide-wrapper li .leftto{filter:alpha(opacity=0);opacity:0}
/*轮播图选中动画*/
.ck-slide ul.ck-slide-wrapper li.current .leftto{animation:mymove8 .5s;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:0s;}
.ck-slide ul.ck-slide-wrapper li .rightto{filter:alpha(opacity=0);opacity:0}
.ck-slide ul.ck-slide-wrapper li.current .rightto{animation:mymove7 .5s;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:.5s;}
.ck-slide ul.ck-slide-wrapper li.current .danim-3{animation:mymove10 .8s;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:0s;}
.ck-slide ul.ck-slide-wrapper li.current .anim-1{animation:mymove6 .6s;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:.3s;}
.ck-slide ul.ck-slide-wrapper li.current .anim-2{animation:mymove6 .6s;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:.6s;}
.ck-slide ul.ck-slide-wrapper li.current .anim-3{animation:mymove6 .6s;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:.9s;}
/*轮播图内容区域*/
.banner_con{ top:2px; left:50; width:100%; height:100%; position:absolute; }
.banner1_one{ text-align:center; color:#fff;margin-top:2%;font-family:"华文细黑";}
.banner1_one h2{ font-weight:normal; margin-bottom:0.5%;font-family:"华文细黑";}
.banner1_two{ text-align:center; color:#fff; margin-top:1%;opacity:0;filter:Alpha(opacity=0);}
.banner1_two span{ display:inline-block; padding-left:60px; padding-right:60px; height:112px;}
.banner1_two span:first-child{ border-right:1px solid #677794;}
.banner1_two span b{ font-weight:normal; color:#ffc600; display:block;}
.banner_con .f90{ font-size:20px;}
.banner_con .f72{ font-size:50px;}
.banner_con .f48{ font-size:35px;}
.banner_con .f36{ font-size:15px;}
.banner_con .f30{ font-size:20px;}
.banner2_one{  float:left; position:relative;left:38%;top:2%; width:45%; color:#fff;}
.banner2_one h2{ font-weight:normal; margin-bottom:1%;font-family:"华文细黑"; margin-top:12%;opacity:0;filter:Alpha(opacity=0);}
.banner2_one p{ color:#fff;font-family:"华文细黑";opacity:0;filter:Alpha(opacity=0);}
.banner2_one em{ display:block; width:25%; height:46px; line-height:46px; border:1px solid #fff; border-radius:30px; font-size:16px; text-indent:50px; background:url("../images/i_bg9.png")  138px center no-repeat; font-style:normal; margin-top:10%;transition:all 0.3s; cursor:pointer;}
.banner2_one em:hover{ background-position:150px center; margin-left:10px;}
.ck-slide ul.ck-slide-wrapper li.current .banner2_one .leftto{animation-delay:1s;}
.banner4_one{ float:left; width:60%; color:#000;}
.banner4_one h2{ font-weight:normal; margin-bottom:1%;font-family:"华文细黑"; margin-top:10%;opacity:0;filter:Alpha(opacity=0);}
.banner4_one p{ color:#000;font-family:"华文细黑";opacity:0;filter:Alpha(opacity=0);}
.banner4_one em{ display:block; width:208px; height:46px; line-height:46px; border:1px solid #000; border-radius:30px; font-size:16px; text-indent:50px; background:url("../images/i_bg10.png") 138px center no-repeat; font-style:normal; margin-top:6%;transition:all 0.3s; cursor:pointer;}
.banner4_one em:hover{ background-position:150px center; margin-left:10px;}
.ck-slide ul.ck-slide-wrapper li.current .banner4_one .leftto{animation-delay:1s;}
/*轮播图按钮滑轮*/
.index-waper-box{position:absolute;bottom:0;width:100%;height:100px;overflow:hidden;z-index:9;perspective:800px;transform-style:preserve-3d;}
.index-back-box{height:100px;background:0 0;width:100%;margin:0 auto;overflow:hidden;transform-origin:bottom;transform:rotateX(0) translate3d(0,0,0);transition:all .65s cubic-bezier(.55,.65,.55,1) 0s;}
.index-back-box.active{background:url("../images/i_banner_bg.png") left bottom repeat-x}
/*左右按钮及hover效果*/
.index-back-box .sub-arrows{position:absolute;left:0;top:0;width:auto;height:100%;line-height:100px;padding-left:10px;font-size:0}
.index-back-box .sub-arrows i.icom{display:inline-block;vertical-align:top;width:60px;height:40%;cursor:pointer;position:relative}
.index-back-box .sub-arrows i.next:before,.index-back-box .sub-arrows i.prev:before{content:'';display:inline-block;position:absolute;top:42%;width:13px;height:22px;background-image:url("../images/sub-arrows.png");background-position:0 0;background-repeat:no-repeat}
.index-back-box .sub-arrows i.prev:before{background-position:0 0;left:-7px}
.index-back-box .sub-arrows i.next:before{background-position:-14px 0;left:24px}
.index-back-box .sub-arrows i.icom:after{position:absolute;content:'';left:0;top:28px;width:30px;height:2px;background-color:#fff;transform:scale(0,1);transition:all .3s ease-out 0s;}
.index-back-box .sub-arrows i.icom font{color:#000;transition:all .3s ease-out 0s;}
.index-back-box .sub-arrows i.icom.prev font{position:absolute;left:9px}
.index-back-box .sub-arrows i.icom.next font{position:absolute;left:6px}
.index-back-box .sub-arrows i:hover:after{transform:scale(1,1);}
.index-back-box .sub-arrows i.icom.prev:hover font{left:-7px}
.index-back-box .sub-arrows i.icom.next:hover font{left:20px}
/*中间鼠标图标*/
.index-back-box .sub-mouse{width:70%;height:43px;position:absolute;top:20px;left:15%;cursor:pointer;z-index:1;zoom:.7;}
.index-back-box .sub-mouse:after{display:none;z-index:-1;position:absolute;content:'';top:-30px;left:50%;height:53px;border-right:1px solid #333;margin-left:-1px}
.index-back-box .sub-mouse span{text-align:center;display:block;position:relative;width:50%;height:100%;animation:ani-svg .85s linear 0s alternate infinite;margin:0 auto}
@keyframes ani-svg {
	0% {
		opacity: .4;
		transform: translateY(-20px);
	}

	15% {
		opacity: .65;
		transform: translateY(-15px);
	}

	25% {
		opacity: .8;
		transform: translateY(-10px);
	}

	50% {
		opacity: 1;
		transform: translateY(0);
	}

	65% {
		opacity: .8;
		transform: translateY(5px);
	}

	75% {
		opacity: .65;
		transform: translateY(10px);
	}

	100% {
		opacity: .4;
		transform: translateY(15px);
	}
}
/*优势*/
.i_bg{background-color:#f5f5f5;overflow:hidden}
.i_one{background-color:#fff;overflow:hidden;height:350px;margin:0 auto;margin-bottom:32px}
.i_service_t{text-align:center;padding-top:80px;color:#666;font-size:18px;line-height:32px;padding-bottom:50px}
.i_service_t h2{height:66px;line-height:66px;font-size:30px;color:#000;font-weight:400;letter-spacing:1px;font-family:"华文细黑"}
.i_service_t p{font-size:18px}
.advantage{text-align:center;overflow:hidden}
.num_box{width:20%;float:left;height:124px;background:url("../images/i_one_bg1.png") right center no-repeat}
.num_box:last-child{background:0 0}
.num_box .num{font-weight:700;color:#f67524;font-family:"华文细黑";font-weight:400;font-size:60px;width:100%;height:70px;line-height:70px;text-align:center;position:relative;z-index:2;letter-spacing:1px;margin-top:10px}
.num_box h3{font-size:16px;color:#333;font-weight:400;line-height:30px}


* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}





.clearfix::after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.clearfix {
}
/* 必要布局样式css */
.floor-course {
	position: relative;
	overflow: auto;
	background-color: #f5f8fa;
	height: 100%;
}
.floor-content {
	position: relative;
	clear: both;
	width: 100%;
	height: 100%;
	margin: 0 auto;
}
.floor-side {
	position: absolute;
	top: -1px;
	left: -8px;
	width: 240px;
	height: 100%;
	
}
.floor-side h3 {
	font-family: 'Microsoft YaHei';
	font-size: 20px;
	line-height: 100px;
	height: 80px;
	color: #333;
	font-weight: 400;
}

.floor-side h4{ font-size: 24px; color: #ea0001; font-weight: bold;  position: absolute;
  top: 136px;
  right: -63px;
  width: 233px;
  height: 45px;
  }

.floor-side h6{ font-size: 24px; color: #ea0001; font-weight: bold;  position: absolute;
  top: 483px;
  right: -20px;
  width: 200px;
  height: 100px;
  }
.floor-side h6 a{ display: inline-block; color: #acabab; border: #acabab 1px solid; line-height: 33px; padding: 0 18px;}
.floor-side h6 a:hover{ color: #ea0001; border: #ea0001 1px solid; }




.floor-side h3 a {
	color: #333;
	display: block;
}
.floor-side-link img {
	display: block;
	width: 100%;
	background-color: green;
}
.floor-side-right {
	position: absolute;
	top: 0;
	left: 240px;
	width: 100%;
	height: 100%;
}
.floor-side-list {
	position: relative;
	height: 75px;
	padding-top: 20px;
	border-bottom: 1px solid #e1e1e1;
}
.floor-side-list ul {
	line-height: 52px;
	overflow: hidden;
	height: 55px;
}
.floor-side-list ul li {
	position: relative;
	float: left;
	height: 55px;
	margin-right: 10px;
	padding: 0 10px;
	border-bottom: 2px solid transparent;
	font-size: 16px;
	cursor: pointer;
}
.floor-side-list ul li:after {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -6px;
	content: '';
	border-right: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid transparent;
}
.floor-side-list ul .on:after {
	border-bottom-color: #3197e9
}
.floor-side-list ul .on {
	border-bottom-color: #3197e9
}
.floor-side-body {
	height: 456px;
	padding-top: 24px;
}
.floor-side-body ul li {
	position: relative;
	float: left;
	width: 220px;
	height: 206px;
	margin-bottom: 20px;
	margin-left: 20px;
	border: 1px solid #e1e1e1;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-ms-border-radius: 3px;
}
.floor-side-body ul li:hover {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-transform: translateY(-6px);
	-moz-transform: translateY(-6px);
	transform: translateY(-6px);
	-webkit-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, .3);
	-moz-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, .3);
	box-shadow: 0 26px 40px -24px rgba(0, 36, 100, .3);
}
.floor-side-body ul li a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.floor-side-body ul li a .image-ti {
	position: relative;
	display: block;
	width: 200px;
	height: 113px;
	margin: 8px auto 0;
	background-color: #2C71AF;
}
.floor-side-body ul li a .image-ti img {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0
}
.slide-title {
	line-height: 20px;
	overflow: hidden;
	height: 40px;
	margin: 5px 10px;
	text-overflow: ellipsis;
	word-break: break-all;
	color: #333;
	font-size: 14px;
}
.slide-body {
	line-height: 20px;
	height: 20px;
	margin: 0 10px;
}
.slide-body-nub {
	margin-right: 10px;
	color: #999;
	font-size: 13px;
}
.slide-body-nub-icon {
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-top: -3px;
	margin-right: 5px;
	vertical-align: middle;
	background-image: url(../images/course_ab.png);
	background-repeat: no-repeat;
	background-size: 15px;
	background-position: 0 3px;
}
.slide-body-nup {
	margin-right: 10px;
	color: #999;
	font-size: 13px;
}
.slide-body-nup-icon {
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-top: -3px;
	margin-right: 5px;
	vertical-align: middle;
	background-image: url(../images/course_ab.png);
	background-repeat: no-repeat;
	background-size: 15px;
	background-position: 0 -23px;
}
.slide-body-price {
	line-height: 20px;
	float: right;
	height: 20px;
	vertical-align: top;
	color: #ef7165;
}
.slide-admission {
	color: #46cfa1;
}
.slide-more {
	line-height: 52px;
	position: absolute;
	right: 0;
	bottom: 0;
	float: right;
	height: 55px;
	color: #3197e7;
}









.single-member{width: 290px;float: left; margin: 15px 1%; background-color: #fff; text-align: center;position: relative; }
.member-image img{max-width: 100%; vertical-align: middle;}
h3 {font-size: 20px; font-weight: normal; margin: 10px 0 0; text-transform: uppercase;}
h5 {font-size: 16px; font-weight: 300; margin: 0 0 15px; line-height: 22px;}
p {font-size: 14px; font-weight: 300; line-height: 22px; padding: 0 30px; margin-bottom: 10px;}
.social-touch a{font-size: 18px; text-decoration:none;color: #fff;}
.social-touch a:hover{font-size: 18px; font-weight: normal; margin: 10px 0 0; text-transform: uppercase;color: #FFCC00;}
.fb-touch{background-position: 0 0;}
.tweet-touch{background-position: -35px 0;}
.linkedin-touch{background-position: -71px 0;}
.icon-colored .fb-touch{background-position: 0 -27px;}
.icon-colored .tweet-touch{background-position: -35px -27px;}
.icon-colored .linkedin-touch{background-position: -71px -27px;}
/*= common css to all effects end =*/








/*= effect-1 css =*/
.effect-1{border-radius: 5px 5px 0 0; padding-bottom: 5px;margin-top: 90px;}
.effect-1 .member-info{height: 200px;}
.effect-1 .member-image {border: 2px solid #fff; border-radius: 40px 0; display: inline-block; margin-top: -72px; overflow: hidden; transition: 0.3s;}
.effect-1 .social-touch{background-color: #e13157; position: absolute; left: 0; bottom: 0; height: 5px; overflow: hidden; padding: 5px 0 0; width: 100%; transition: 0.3s;}
.effect-1 .member-image img{transition: 0.3s; border-radius: 40px 0;}
.effect-1:hover .member-image{border-color: #e13157; transition: 0.3s; border-radius: 50%;}
.effect-1:hover .social-touch{padding: 6px 0; height: 38px; transition: 0.3s;}
/*= effect-1 css end =*/

/*= effect-2 css =*/
.effect-2{max-height: 302px; min-height: 302px; overflow: hidden;}
.effect-2 h3{padding-top: 7px; line-height: 33px;}
.effect-2 .member-image{border-bottom: 5px solid #1fb554; height: 212px; overflow: hidden; width: 100%; transition: 0.4s; display: inline-block; float: none; vertical-align: middle;}
.effect-2 .member-info{transition: 0.4s;}
.effect-2 .member-image img{width: 100%; vertical-align: bottom;}
.effect-2 .social-touch{background-color: #1fb554; float: left; left: 0; bottom: 0; overflow: hidden; padding: 5px 0; width: 100%; transition: 0.4s;}
.effect-2:hover .member-image{height: 81px; transition: 0.4s;}
/*= effect-2 css end =*/

/*= effect-3 css =*/
.effect-3{max-height: 302px; min-height: 302px; overflow: hidden;}
.effect-3 h3{padding-top: 7px; line-height: 33px;}
.effect-3 .member-image{border-bottom: 5px solid #e5642b; transition: 0.4s; height: 212px; width: 100%; display: inline-block; float: none; vertical-align: middle;}
.effect-3 .member-info{transition: 0.4s;}
.effect-3 .member-image img{width: 100%; vertical-align: bottom;}
.effect-3 .social-touch{background-color: #e5642b; float: left; left: 0; bottom: 0; overflow: hidden; padding: 5px 0; width: 100%; transition: 0.4s;}
.effect-3:hover .member-image{border-bottom: 0; border-radius: 0 0 50px 50px; height: 81px; display: inline-block; overflow: hidden; width: 109px; transition: 0.4s;}
/*= effect-3 css end =*/

/*= effect-4 css =*/
.effect-4{max-height: 289px; min-height: 289px; overflow: hidden;}
.effect-4 h3{line-height: 35px;}
.effect-4 .member-image{position: absolute; width: 100%; transition: 0.4s;}
.effect-4 .member-image img{width: 100%;}
.effect-4 .more-info{height: 0; transition: 0.4s; overflow: hidden; z-index: 9; position: relative; background-color: #fff;} 
.effect-4:hover .more-info{height: 208px; transition: 0.4s;}
/*= effect-4 css end =*/

/*= effect-5 css =*/
.effect-5{max-height: 289px; min-height: 289px; overflow: hidden;}
.effect-5 .member-info {background-color: #fff; position: absolute; width: 100%; top: 0; left: 0; height: 82px; transition: 0.3s; z-index: 2;}
.effect-5 .member-image{margin-top: 82px; float: left; width: 100%; position: relative; transition: 0.3s; z-index: 4;}
.effect-5 .member-image img{width: 100%;}
.effect-5 .member-info:before{border-left: 140px solid transparent; border-right: 140px solid transparent; border-top: 15px solid #fff; bottom: -15px; content: ""; left: 0; position: absolute; z-index: 9;}
.effect-5:hover .member-info{height: 215px; transition: 0.3s; z-index: 6;}
.effect-5:hover .member-image{margin-top: 200px; transition: 0.3s;}
/*= effect-5 css end =*/



.index_about{ width: 100%;  }
.index_about .content{ width: 100%; height: 400px; margin: 0 auto; overflow: hidden; }
.index_about .content .jianjie{ width: 50%; overflow: hidden; float: left; margin-top: 98px;}
.index_about .content .jianjie .t1{ font-size: 24px; color: #ea0001; font-weight: bold; margin-right: 26px; letter-spacing: 2px;}
.index_about .content .jianjie .t2{ font-size: 23px; color: #000; font-weight: bold; letter-spacing: 2px;}
.index_about .content .jianjie .t3{ font-size: 14px; color: #000; margin-top: 28px; line-height: 34px;}
.index_about_more{ margin-top: 36px; }
.index_about .content .img{ float: left; margin-top: 100px; margin-left: 56px; position: relative;}
.index_about .content .img .img1{ float: left; position: absolute; }
.index_about .content .img .img2{ float: left;   position: absolute;}
.t1 { max-width: 300px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.t2 { max-width: 380px;max-height: 130px;overflow: hidden;text-overflow: ellipsis;white-space:normal;}

.index_news{ width: 100%; height: 525px;text-align:center; }
.index_news .content{ width: 100%; height: 525px; margin: 0 auto; overflow: hidden;text-align:center;  }
.index_news .content .tit{ width: 100%; height: 44px; float: left; margin-top: 56px;}
.index_news .content .tit .t1{ font-size: 24px; color: #ea0001; font-weight: bold; margin-right: 15px;}
.index_news .content .tit .t2{ font-size: 23px; color: #262626; font-weight: bold;}
.index_news .content .list{ float: left; width: 100%; height: 356px; overflow: hidden; margin-top: 20px;}
.index_news .content .list li{ float: left; width: 340px; margin-right: 90px; }
.index_news .content .list li:nth-child(3){ margin-right: 0px; }
.index_news .content .list li a{ float: left; width: 340px; height: 356px; overflow: hidden; position: relative; }
.index_news .content .list li a:hover{ background-color: #fcfdff }
.index_news .content .list li .img{width: 340px; height: 173px; }
.index_news .content .list li .img_xian{ width: 50px; height: 3px; background-color: #000}
.index_news .content .list li .t1{ width: 340px; height: 26px; font-size: 14px; line-height: 26px; color: #222; margin-top: 16px;}
.index_news .content .list li .date{ width: 340px; color: #a4a4a4; font-size: 12px; margin-top: 5px;}
.index_news .content .list li .t2{ width: 340px; max-height: 66px; overflow: hidden; font-size: 12px; line-height: 22px; color: #666; margin-top: 10px;}
.index_news .content .list li .more{ color: #000; line-height: 18px; margin-top: 10px;}
.index_news .content .list li .more_xian{ width: 23px; height: 2px; background-color: #000; margin-top: 5px;}
.index_news .content .list li a:hover .more{ color: #ea0001 }
.index_news .content .list li a:hover .img_xian{ width: 100%; background-color: #ea0001 }
.index_news .content .list li a:hover .more_xian{ background-color: #ea0001 }



.bottom{ width: 100%; overflow: hidden; background-color: #333333; padding: 50px 0 40px 0}
.bottom .content{ width: 100%; margin: 0 auto; overflow: hidden;}
.bottom .content .con1{ float: left; width: 50%; position: relative;}
.bottom .content .con1 ul{ width: 100% }
.bottom .content .con1 ul li{ float: left; width: 212px;}
.bottom .content .con1 ul li .t1{ font-size: 15px; color: #fff; line-height: 30px; font-weight: bold; padding-bottom: 5px;}
.bottom .content .con1 ul li .link{ font-size: 13px; line-height: 30px; color: #acabab }
.bottom .content .con1 ul li .link a{ color: #acabab}
.bottom .content .con1 ul li .link a:hover{ color: #fff}
.bottom .content .con1 ul li:nth-child(2){ width: 419px;}
.bottom .content .con1 ul li .link_pro{ float: left; width:200px;  }
.bottom .content .con1 .flink{ float: left; width: 100%; font-size: 13px; line-height: 28px; margin-top: 36px; color: #acabab}
.bottom .content .con1 .flink a{ color: #acabab; margin-right: 10px;}
.bottom .content .con1 .flink a:hover{ color: #fff }

.bottom .content .con2{ float: left; width: 300px; margin-left: 60px;}
.bottom .content .con2 .t1{ font-size: 15px; color: #fff; line-height: 30px; font-weight: bold; padding-bottom: 5px;}
.bottom .content .con2 .cs1{ height: 41px; line-height: 41px; background: url(bottom_tel.png); background-repeat: no-repeat; background-position: 0px 0px; padding-left: 60px; padding-bottom: 10px; font-size: 30px; color: #ea0001; font-family: arial; margin-top: 15px;}
.bottom .content .con2 .cs2{ font-size: 16px; color: #ea0001; line-height: 36px;}
.bottom .content .con2 .cs3{ font-size: 14px; color: #acabab; line-height: 33px;}
.bottom .content .con2 .online{ font-size: 13px; margin-top: 16px;}
.bottom .content .con2 .online a{ display: inline-block; color: #acabab; border: #acabab 1px solid; line-height: 33px; padding: 0 18px;}
.bottom .content .con2 .online a:hover{ color: #ea0001; border: #ea0001 1px solid; }

.bottom .content .con3{ float: right; margin-top: 37px;}
.bottom .content .con3 .t1{ font-size: 15px; color: #fff; line-height: 30px; }
.bottom .content .con3 .img{ width: 140px; height: 140px; margin-top: 16px; }

.foot{ width: 100%; height: 48px; line-height: 48px; background-color: #171717; text-align: center; font-size: 13px; color: #a6a6a6}
.foot span{ margin: 0 15px 0 15px; }
.foot a{ color: #a6a6a6 }



*{margin: 0; padding: 0; box-sizing: border-box;text-decoration:none;}
.conjj1{width: 100%;  height: 10px;  }
.conjj{width: 100%;  height: 680px; overflow:hidden }
.conjj2{margin: 0 auto; max-width: 95%;  height: 400px; overflow:hidden }
.conjj3{width: 100%;  height: 1050px; overflow:hidden  }
.container3{margin: 0 auto; max-width: 95%; overflow:hidden }

.conjj4{width: 100%;   overflow:hidden  }
.container4{margin: 0 auto; max-width: 95%; overflow:hidden }


.container{margin: 0 auto; max-width: 95%; overflow:hidden }


.index_product1{ border-bottom: 1px solid red; }
.index_product{ width: 100%;  height: 200px;  }
.index_product .content{ width:  100%;  margin: 0 auto; overflow: hidden;}
.index_product .content .tit{ width: 100%; height: 100px; float: left; margin-top: 80px;}
.index_product .content .tit .t1{ font-size: 32px; color: #ea0001; font-weight: bold; margin-right: 1px;margin-left: 1%;overflow:hidden}
.index_product .content .tit .t2{ font-size: 23px; color: #262626; font-weight: bold;}
.index_product .content .tit .t3{ font-size: 15px; color: #989898; margin-top: 11px;margin-left: 1%;height: 45px;overflow:hidden}
.index_product .content .menu{ float: right; width: 100%; height: 100px; line-height: 100px;overflow:hidden}
.index_product .content .menu a{ float: left; padding: 0px 18px;  height: 28px; line-height: 28px;font-size: 12px; color: #333; text-align: center; background-color: #e9e9e9; border-right: #fff 1px solid; margin: 0 8px 8px 0;text-decoration:none;overflow:hidden}
.index_product .content .menu a:hover{ background-color: #ea0001; color: #fff  }




.index_product5{ width: 100%;  height: 100%; overflow: hidden; }
.index_product5 .content{ width:  100%;  margin: 0 auto; overflow: hidden;}
.index_product5 .content .tit{ width: 100%; height: 100px; float: left; margin-top: 80px;}
.index_product5 .content .tit .t1{ font-size: 32px; color: #ea0001; font-weight: bold; margin-right: 15px;margin-left: 10%;overflow:hidden}
.index_product5 .content .tit .t2{ font-size: 23px; color: #262626; font-weight: bold;}
.index_product5 .content .tit .t3{ font-size: 15px; color: #989898; margin-top: 11px;margin-left: 10%;height: 45px;overflow:hidden}
.index_product5 .content .menu{ float: right; width: 100%; height: 100px; line-height: 100px;overflow:hidden}
.index_product5 .content .menu a{ float: left; padding: 0px 18px;  height: 28px; line-height: 28px;font-size: 12px; color: #333; text-align: center; background-color: #e9e9e9; border-right: #fff 1px solid; margin: 0 8px 8px 0;text-decoration:none;overflow:hidden}
.index_product5 .content .menu a:hover{ background-color: #ea0001; color: #fff  }



.index_product5 .content .menu.box{
	margin-top: 10px;
	width: 100%;
	height: 300px;

	position: relative;
}

.index_product5 .content .menu.list{
	width: 100%;
	height: 260px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -600px;
}



.index_product5 .content .menuli{
	position: absolute;
	top: 0;
	left: 0;
	list-style: none;
	opacity: 0;
	transition: all 0.3s ease-out;
}
.index_product5 .content .menu.img{
	width: 751px;
	height: 260px;
	border:none;
	float: left;
}
.index_product5 .content .menu.p1{
	transform:translate3d(-224px,0,0) scale(0.81);
}
.index_product5 .content .menu.p2{
	transform:translate3d(0px,0,0) scale(0.81);
	transform-origin:0 50%;
	opacity: 0.8;
	z-index: 2;
}
.index_product5 .content .menu.p3{
	transform:translate3d(224px,0,0) scale(1);
	z-index: 3;
	opacity: 1;
}
.index_product5 .content .menu.p4{
	transform:translate3d(449px,0,0) scale(0.81);
	transform-origin:100% 50%;
	opacity: 0.8;
	z-index: 2;
}


.index_product5 .content .menu.buttons{
	position: absolute;
	width: 90%;
	height: 30px;
	bottom: 0;
	left: 50%;
	margin-left: -600px;
	text-align: center;
	padding-top: 10px;
}
.index_product5 .content .menu.buttons a{
	display: inline-block;
	width: 35px;
	height: 5px;
	padding-top: 4px;
	cursor: pointer;
}
.index_product5 .content .menuspan{
	display: block;
	width: 35px;
	height: 1px;
	background: red;
}
.index_product5 .content .menu.blue{
	background: blue;
}




.in-search-bg{ width: 100%; height: 80px; background-color: #f67524;}
.in-search{ width:  100%; height: 80px; margin: 0 auto;}
.in-search .txt{ float: left;  overflow: hidden; line-height: 80px; font-size: 16px;}
.in-search .txt span{ float: left; color: #333; font-weight: bold;}
.in-search .txt a{ float: left; color: #fff; margin-right: 10px; margin-left: 6px;}
.in-search .txt a:hover{ color: 00FF00 }
.in-search .scon{ float: right; width: 360px; height: 50px; overflow: hidden; margin: 15px 0 0 0;}
.in-search .scon .search-txt{ float: left; width: 260px; height: 50px; font-size: 14px; line-height: 50px; padding: 0 20px 0 20px; outline: none; border: 0px; background-color: #eee}
.in-search .scon .search-btn{ width: 60px; height: 50px; background-color: #2454ac; border: 0px; color: #fff; cursor: pointer; background: url(search-btn.png) no-repeat;}


.index_product2{ border-bottom: 3px solid #E7E7E7;height: 10px;  }
.index_product3{ width: 80%;  height: 100px;   }
.index_product3 a{ float: left; padding: 0px 45px;  height: 35px; line-height: 35px;font-size: 15px; color: #333; text-align: center; background-color: #e9e9e9; border-right: #fff 1px solid; margin: 0 8px 8px 0;text-decoration:none;overflow:hidden}
.index_product3 a:hover{ background-color: #ea0001; color: #fff  }
.index_product3 i3{ text-align:center;   }

.gd{ top: 10px; margin-top:10px; }